<?php

// FIXME: Je ne sais pas si on peut faire ça d'une manière plus
// propre avec le ZendF. A voir...
// (par default, le content-type HTTP n'est à priori pas utf8, c'est pour ça qu'on fait ça)
// (à noter que *tous* doit être en utf8, y compris les tables MySQL, les fichiers PHP et HTML, etc.)
// (pendant qu'on y est, on s'assure qu'on soit bien en text/html)
header('Content-Type: text/html; charset=utf-8');

$navbarPids = array(array('home', '/'),
                    array('register', '/Account/login'),
                    array('settings', '/Account/config'),
                    array('about us', '/About'));
                  
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>theGridPaper</title>
<link href="<?php echo $this->baseUrl('c/style.css'); ?>" rel="stylesheet" type="text/css" />
</head>
<body id="back-0">
<div id="back-1">
<div id="back-2">
  <div id="back-3">
    <div id="paper-1">
      <div id="paper-2">
      	<ul id="menubar">
            <?php
				
				
                $i = 0;
				foreach ($navbarPids as $nav) {
					if (isset($this->navbarTab) && $i == $this->navbarTab)
						echo '<li><span>'.$nav[0].'</span></li>';
					else
						echo '<li><a href="'.$nav[1].'">'.$nav[0].'</a></li>';
                    $i++;
				}
				
			?>
        </ul>
        <div id="header">
			<?php
				$logoLink = false;
				if (!isset($this->navbarTab) || 0 != $this->navbarTab)
				{
					echo '<a href="/">';
					$logoLink = true;
				}
				echo '<img src="'.$this->baseUrl('i/logo.png').'" alt="theGridPaper" />';
				if ($logoLink)
					echo '</a>';
			?>
		</div>
        <div id="content">
            <?php echo $this->layout()->content; ?>
        </div> <!-- content end -->
        <div id="footer">
            <div>
            	<h1>Quick Links</h1>
                <ul>
                	<li><a href="/">Home</a></li>
                    <li><a href="/Account/login">Register</a></li>
                    <li><a href="/Account/config">Settings</a></li>
                    <li><a href="/About">About Us</a></li>
                </ul>
            </div>
        	<div>
            	<h1>Network</h1>
                <ul>
                	<li><a href="http://twitter.com/theGridPaper">Twitter</a></li>
                    <li><a href="http://facebook.com/theGridPaper">Facebook</a></li>
                </ul>
            </div>
			<div>
            	<h1>Meta</h1>
                <ul>
                    <li><a href="http://validator.w3.org/check?uri=referer">Valid <abbr title="Extensible Hypertext Markup Language">XHTML</abbr></a></li>
                	<li><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid <abbr title="Cascading Style Sheet">CSS</abbr></a></li>
                </ul>
            </div>
        </div> <!-- footer end -->
        <p id="final">
        	© 2011 theGridPaper.
        </p>
      </div> <!-- paper-2 end -->
    </div> <!-- paper-1 end -->
  </div> <!-- back-3 end -->
</div> <!-- back-2 end -->
</div> <!-- back-1 end -->
</body> <!-- back-0 end -->
</html>
